<script>
export default {
  name: "headAssembly",
  data(){
    return {
      count:0
    }
  },
  methods:{
    add(){
      this.count++
    }
  },
  props:{
    // type1:[String,Number],
    // 默认值
    type1:{
      type:[String,Number],
      default:'123'
    },
    object:{
      type: [Object],
      default:()=> {
        return {name:'aa'}
      }
    }
  },
  created() {
    console.log(this.type1)
    console.log(this.object)
  }
}
</script>

<template>
  <div>
    <div class="box">
      {{count}}
    </div>
    <div>
      <template>
        <a-dropdown>
          <a class="ant-dropdown-link" @click="e => e.preventDefault()">
            Hover me <a-icon type="down" />
          </a>
          <a-menu slot="overlay">
            <a-menu-item>
              <a href="javascript:;">1st menu item</a>
            </a-menu-item>
            <a-menu-item>
              <a href="javascript:;">2nd menu item</a>
            </a-menu-item>
            <a-menu-item>
              <a href="javascript:;">3rd menu item</a>
            </a-menu-item>
          </a-menu>
        </a-dropdown>
      </template>

    </div>
    <button @click="add">add</button>
  </div>

</template>

<style scoped lang="less">
.box {
  width: 100%;
  height: 300px;
  background-color: #42b983;
}

</style>